<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>梁荣富-购物车</title>
		<link rel="stylesheet" type="text/css" href="css/shoppingCar.css"/>
		
		<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shoppingCar.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div id="carTitle">
			
			<a href="#" target="_blank"><img src="img/banner-logo.png"/></a>&nbsp;
			<span>购物车</span>
			<ul>
				<li>
					购物车 现在<a href="login.html">登录</a> ,您购物车中的商品将会被永久保存
				</li>
			</ul>
		</div>
		<div id="carBody">
			<div id="carBodyHead">
				<dl>
					<dt>全部商品 <span>0</span> </dt>
					<dd> 商品金额（不含运费）： <span class="total">￥0.00</span>&nbsp; <button>去结算</button></dd>
				</dl>
			</div>
			<div id="carListNav">
				<dt><input type="checkbox" name="" class="selectAll" value="" />全选&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商品信息</dt>
				<dd>单价（元）</dd> <dd>件数</dd> <dd>金额（元）</dd> <dd>操作</dd>
			</div>
			<div id="carList">
				<table border="0" cellspacing="" cellpadding="">
					<tr><th colspan="5"><input type="checkbox" name="" class="selectAll" value="" /> i百联</th></tr>
					<tr>
						<td>
							<input type="checkbox" name="" id="" value="" />
							<img src="img/carList-1.jpg"/>
							<a href="#">HAMA Hama锂离子移动电源10400毫安136406白</a>
						</td>
						<td>
							<span class="price">￥198.00</span>
						</td>
						<td>
							<i class="minus">-</i><b>1</b><i class="add">+</i>
						</td>
						<td>
							<span class="amount">￥198.00</span>
						</td>
						<td>
							<dl>
								<dt><a href="#">移入收藏夹</a></dt>
								<dd><a href="#">删除</a></dd>
							</dl>
						</td>
					</tr>
					<tr>
						<td>
							<input type="checkbox" name="" id="" value="" />
							<img src="img/carList-2.jpg"/>
							<a href="#">日耳曼公爵套装（B）DFS-TZ037B</a>
						</td>
						<td>
							<span class="price">￥198.00</span>
						</td>
						<td>
							<i class="minus">-</i><b>1</b><i class="add">+</i>
						</td>
						<td>
							<span class="amount">￥198.00</span>
						</td>
						<td>
							<dl>
								<dt><a href="#">移入收藏夹</a></dt>
								<dd><a href="#">删除</a></dd>
							</dl>
						</td>
					</tr>
					<tr>
						<td>
							<input type="checkbox" name="" id="" value="" />
							<img src="img/carList-3.jpg"/>
							<a href="#">博纳屋 抗菌防水旅行收纳袋整理袋7件套装 </a>
						</td>
						<td>
							<span class="price">￥198.00</span>
						</td>
						<td>
							<i class="minus">-</i><b>1</b><i class="add">+</i>
						</td>
						<td>
							<span class="amount">￥198.00</span>
						</td>
						<td>
							<dl>
								<dt><a href="#">移入收藏夹</a></dt>
								<dd><a href="#">删除</a></dd>
							</dl>
						</td>
					</tr>
				</table>
			</div>
			<div id="carListTotal">
				<dl>
					<dt>
						<input type="checkbox" name="" class="selectAll" value="" />全选 &nbsp;
						<a href="#" class="delete">删除</a>&nbsp; 
						<a href="#">清除失效商品</a>&nbsp;
						<a href="#">移入收藏夹</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span id="count">
							已选择  <b>0</b> 件商品
						</span>
					</dt>
					<dd> 商品金额（不含运费）： <span class="total">￥0.00</span>&nbsp; <button>去结算</button></dd>
				</dl>
			</div>
		</div>
		<div id="carFooter">
			
		</div>
		<script type="text/javascript">
			$('#carFooter').load('footer.html');
		</script>
	</body>
</html>
